<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>其它表单</title>
</head>
<body>
  <form action="#">
    用户名：<input type="text">
    <br>
    <!-- label-使文字和输入框关联 for与输入框的id一致-->
    <label for="one">用户名：</label>
    <input type="text" id="one" name="username">
    <br>
    <!-- 下拉框 -->
    <select name="city" id="">
      <optgroup label="一线城市">
        <option value="shanghai">上海</option>
        <option value="beijing">北京</option>
        <!--  selected默认选中-->
        <option value="liuzhou" selected>柳州</option>
      </optgroup>
    </select>
    <br>

    <!-- 多行文本框 cols-列 row-行-->
    <textarea name="" id="" cols="30" rows="10"></textarea>
    <!-- filedset-类似div加边框 -->
    <fieldset>
      <legend>请登录</legend>
      账号：<input type="text"><br>
      密码：<input type="password"><br>
      <input type="submit" value="提交">
    </fieldset>

  </form>
  
</body>
</html>